
<div class="footerCon">
    <div ng-show="tab==1" class="footerSwitchCon">
        <h1>工程界简介</h1>
        <div class="conctent">
            工程界（www.gongchengjie.cn）隶属于乂联凌工网络（上海）有限公司，于2017年2月上线试运行，是一个以“工程人”为核心，并面向全行业开放的综合性互联网平台。
        </div>
        <div class="conctent">
            工程界立足业界，联结学界，通过聚焦工程人“学习”、“工作”和“职业社交”需求，致力于提升工程人价值，推动工程行业发展。
        </div>
        <div class="area">
        </div>
    </div>
    <div ng-show="tab==2" class="footerSwitchCon2">
        <h1>网站链接</h1>
        <ul class="linkTop">
            <li><a href="#"><img src="them/imgs/friendLink.jpg" /></a></li>
            <li><a href="#"><img src="them/imgs/friendLink.jpg" /></a></li>
            <li><a href="#"><img src="them/imgs/friendLink.jpg" /></a></li>
            <li><a href="#"><img src="them/imgs/friendLink.jpg" /></a></li>
            <li><a href="#"><img src="them/imgs/friendLink.jpg" /></a></li>
            <li><a href="#"><img src="them/imgs/friendLink.jpg" /></a></li>
            <li><a href="#"><img src="them/imgs/friendLink.jpg" /></a></li>
            <li><a href="#"><img src="them/imgs/friendLink.jpg" /></a></li>
            <li><a href="#"><img src="them/imgs/friendLink.jpg" /></a></li>
            <li><a href="#"><img src="them/imgs/friendLink.jpg" /></a></li>
            <li><a href="#"><img src="them/imgs/friendLink.jpg" /></a></li>
            <li><a href="#"><img src="them/imgs/friendLink.jpg" /></a></li>
        </ul>
        <ul class="linkBottom">
            <li><a href="#">成都建造师培训</a></li>
            <li><a href="#">成都建造师培训</a></li>
            <li><a href="#">成都建造师培训</a></li>
            <li><a href="#">成都建造师培训</a></li>
            <li><a href="#">成都建造师培训</a></li>
            <li><a href="#">成都建造师培训</a></li>
            <li><a href="#">成都建造师培训</a></li>
            <li><a href="#">成都建造师培训</a></li>
            <li><a href="#">成都建造师培训</a></li>
            <li><a href="#">成都建造师培训</a></li>
        </ul>
    </div>
</div>
<style>
	.footerCon{
        margin-top:30px;
        height:516px;
        background: #fff;
        float: right;
        overflow: hidden;
    }
    .footerSwitchCon2 {
        width:932px;
        height:104px;
        margin-left:25px;
    }
    .footerSwitchCon2 ul.linkTop {
        margin-top:28px;
    }
    .footerSwitchCon2 ul.linkTop li {
        text-align: center;
        float: left;
        width:122px;
        height:38px;
        border:1px solid #eee;
        margin:0 30px 24px 0;
    }
    .footerSwitchCon2 ul.linkBottom li {
        text-align: center;
        float: left;
        width:122px;
        border:none;
        margin:0 30px 24px 0;
    }
   .footerSwitchCon2 h1, .footerSwitchCon h1 {
        width:932px;
        height:51px;
        line-height:54px;
        border-bottom:1px solid #ddd;
        font-size:18px;
        margin-left:25px;
    }
    .area,.conctent {
        margin:10px 0 0 27px;
        line-height:24px;
        font-size:14px;
        text-indent: 2em;
        width:932px;
    }
    /*动画效果*/
    @keyframes opa {
        0%  {
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }
    @-o-keyframes opa {
        0%  {
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }
    @-ms-keyframes opa {
        0%  {
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }
    @-moz-keyframes opa {
        0%  {
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }
    @-webkit-keyframes opa {
        0%  {
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }
    @keyframes ani {
        0% {
            height:0
        }
        100% {
            height:96px
        }
    }
    @-moz-keyframes ani {
        0% {
            height:0
        }
        100% {
            height:96px
        }
    }
    @-ms-keyframes ani {
        0% {
            height:0
        }
        100% {
            height:96px
        }
    }
    @-o-keyframes ani {
        0% {
            height:0
        }
        100% {
            height:96px
        }
    }
    @-webkit-keyframes ani {
        0% {
            height:0
        }
        100% {
            height:96px
        }
    }
</style>